<template>
    <div style="padding-top:60px;padding-bottom:20px" ref="content_1">
        <a-config-provider>
            <p style="line-height:200%;font-size: 16px;">
                <a-row justify="center">
                    <a-col span="6">课程名称：软件工程经济学</a-col>
                    <a-col span="6">课号：420279</a-col>
                    <a-col span="6">实验项目名称：软件运维成本估算实验-GB</a-col>
                </a-row>
                <a-row justify="center">
                    <a-col span="6">实验时间：<span style="border-bottom: 1px solid grey;border-radius: none;"><a-date-picker
                                v-model="experimentdate" :bordered="false"
                                style="width:150px;padding-left:3px;padding-right:3px;"
                                placeholder="点击选择实验时间" /></span></a-col>
                    <a-col span="6">实验报告人： <span style="border-bottom: 1px solid grey;border-radius: none;"><a-input
                                v-model="reportername" placeholder="请输入报告人姓名" size="small" :bordered="false"
                                style="width:18vh;"></a-input></span>
                    </a-col>
                    <a-col span="6"></a-col>
                </a-row>
            </p>
        </a-config-provider>

    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const experimentdate = ref(''); // 实验时间，这里使用ref来定义响应式数据，初始值为空字符串。
const reportername = ref(''); // 报告人姓名，初始值为空字符串。

</script>

<style scoped></style>